<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <script type="text/javascript" th:src="@{/js/jquery-3.4.1.min.js}"></script>
    <script type="text/javascript" th:src="@{/libs/layui/layui.js}"></script>
    <script type="text/javascript" th:src="@{/js/index.js}"></script>
    <link type="text/css" rel="stylesheet" th:href="@{/libs/layui/css/layui.css}" />
    <style type="text/css">
        .tab-note {
            background-color: #92B8B1;
        }
    </style>
</head>
<body>
<div id="tab-demo" class="layui-main">
    <div class="layui-tab">
        <ul class="layui-tab-title">
            <li class="layui-btn layui-this">form表单上传文件(单个)</li>
            <li>Ajax + form表单上传(单个)</li>
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <h3 class="tab-note">form表单上传文件(单个)</h3>
                <!-- 包含模板片段: 模板片段所在文件名称 :: 模板片段名称 -->
                <div th:insert="~{index_form_simple :: index_form_simple_fragment}"></div>
            </div>
            <div class="layui-tab-item">
                <h3 class="tab-note">Ajax + form表单上传(单个)</h3>
                <div th:insert="~{index_form_ajax_simple :: index_form_ajax_simple_fragment}"></div>
            </div>
        </div>
    </div>
</div>
</body>
</html>